<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <div class="header">人工智能聊天机器人</div>

    <div class="main" id="mainContainer">
        <div class="chat-container robot-chat">
            <img src="./img/robot.jpg" alt="">
            <div class="chat-txt">
                您好！我是腾讯机器人，非常欢迎您的到来，有什么想和我聊聊的吗？
            </div>
        </div>

        <!-- <div class="chat-container avatar-chat">
            <img src="./img/avatar.jpg" alt="">
            <div class="chat-txt">
                你是个蛋蛋
            </div>
        </div> -->

    </div>


    <div class="footer">
        <input type="text" class="input-txt" placeholder="请在这里输入聊天信息" id="input">
        <span class="send-btn" id="send">发送</span>
    </div>

    <script src="./js/ajax.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>